<!-- 组卷功能主页面 -->
 <template>
  <div class="GroupExam">
    3
    <TestAssembly style="height: 100%;"/>
  </div>
</template>

<script lang="ts" name="GroupExam">
import TestAssembly  from '@/views/questionBank/groupExam/testAssemblyTypes/TestAssemblyTypes.vue';
import MiddlewarePage  from '@/views/questionBank/groupExam/middlewarePage/MiddlewarePage.vue';
import RightPage  from '@/views/questionBank/groupExam/rightPage/RightPage.vue';

</script>

<script setup lang="ts">

</script>


<style scoped>

.GroupExam{
  width: var(--width);
  height: 100%;
  padding: 20px 0px;
}

/* 主页面 */
.layout {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

/* 左边面板布局 */


/* 中间面板布局 */
.center-panel {
  flex: 1;
  width: 600px;
  height: 100%;
  padding: 20px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, .5);
  overflow: auto;
}

/* 右边面板布局 */
.right-panel {
  /* flex: 1;   */
  height: 100%;
  overflow: auto;
  flex-shrink: 0;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
}

</style>

